<template>
  <div class="collect">
    <div class="">
      <div class="collect-tel">
        <span class="order-tab-pink">马上开团</span>
        <span>拼团中</span>
        <span>拼团失败</span>
      </div>
    </div>
    <div class="common-form">
      <a href="拼团详情.html">
        <img src="../../assets/detail-2.jpg" class="team-goods-img">
        <div class="team-goods">
          <p>妙莲天香 大理石纹碗碟盘 家用北欧风碗盘碟套装 创意礼品餐具套装...</p>
          <p>已拼<em>1452</em>件</p>
          <p>
            <em>￥45.00</em>
            <em>￥136.00</em>
            <em>马上开团</em>
          </p>
        </div>
      </a>
    </div>
    <div class="common-form">
      <a href="拼团详情.html">
        <img src="../../assets/detail-2.jpg" class="team-goods-img">
        <div class="team-goods">
          <p>妙莲天香 大理石纹碗碟盘 家用北欧风碗盘碟套装 创意礼品餐具套装...</p>
          <p>已拼<em>1452</em>件</p>
          <p>
            <em>￥45.00</em>
            <em>￥136.00</em>
            <em>拼团中</em>
          </p>
        </div>
      </a>
    </div>
    <div class="common-form">
      <a href="拼团详情.html">
        <img src="../../assets/detail-2.jpg" class="team-goods-img">
        <div class="team-goods">
          <p>妙莲天香 大理石纹碗碟盘 家用北欧风碗盘碟套装 创意礼品餐具套装...</p>
          <p>已拼<em>1452</em>件</p>
          <p>
            <em>￥45.00</em>
            <em>￥136.00</em>
            <em>拼团失败</em>
          </p>
        </div>
      </a>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'MyRegiment'
  }
</script>

<style scoped>\
*{
  margin:0px;
  padding:0px;
  font-family:"微软雅黑","Microsoft YaHei";
  font-size:14px;
  color:#101010;
}
body{
  width:100%;
  background:#f9f9f9;
}
em,i{
  font-style: normal;
}
a{
  text-decoration: none;
}
input,textarea{
  outline: none;
}
.left{
  float:left;
}
.right{
  float:right;
}
.footer-100{
  width:100%;
  height:60px;
  display: inline-block;
}
/*底部菜单*/
.footer a{
  width:20%;
  text-align: center;
  float: left;
}
.footer a p{
  font-size:13px;
}
.footer a:nth-child(1) i{
  display: inline-block;
  height: 22px;
  width: 20px;
  overflow: hidden;
  margin-top: 2px;
  background: url(../../assets/tab1-pink.png) no-repeat;
  background-size: 100%;
  margin-top: 5px;
  vertical-align: text-bottom;
}
.footer a:nth-child(2) i{
  display: inline-block;
  height: 22px;
  width: 18px;
  overflow: hidden;
  margin-top: 2px;
  background: url(../../assets/tab2.png) no-repeat;
  background-size: 100%;
  margin-top: 5px;
  vertical-align: text-bottom;
}
.footer a:nth-child(3) i{
  display: inline-block;
  height: 22px;
  width: 20px;
  overflow: hidden;
  margin-top: 2px;
  background: url(../../assets/tab3.png) no-repeat;
  background-size: 100%;
  margin-top: 5px;
  vertical-align: text-bottom;
}
.footer a:nth-child(4) i{
  display: inline-block;
  height: 22px;
  width: 20px;
  overflow: hidden;
  margin-top: 2px;
  background: url(../../assets/tab4.png) no-repeat;
  background-size: 100%;
  margin-top: 5px;
  vertical-align: text-bottom;
}
.footer a:nth-child(5) i{
  display: inline-block;
  height: 22px;
  width: 20px;
  overflow: hidden;
  margin-top: 2px;
  background: url(../../assets/tab5.png) no-repeat;
  background-size: 100%;
  margin-top: 5px;
  vertical-align: text-bottom;
}
/*商品数量*/
.goods-num{
  margin-top: 15px;
  display: inline-block;
}
.add,.sub{
  font-size:20px;
  float: left;
  width:25px;
  height:25px;
  line-height: 25px;
  text-align: center;
}
.num{
  float: left;
}
.num input{
  width: 45px;
  height: 25px;
  line-height: 25px;
  border-radius: 20px;
  background-color: rgba(254, 39, 70, 0.08);
  border:0;
  text-align: center;
  color:#FC2847;
}
/*通屏按钮*/
.btn-big{
  width:100%;
  height:49px;
  line-height: 49px;
  text-align: center;
  color:#FFF;
  background: #FE2746;
  position: fixed;
  bottom:0;
  left:0;
}
.btn-big em{
  font-size:20px;
  color:#FFF;
  vertical-align: bottom;
}
/*轮播*/
.banner img{
  width:100%;
}
/*公共边框*/
.common-form{
  width:94%;
  margin:0 auto;
  background: #FFF;
  border-radius: 5px;
  margin-top:10px;
  overflow: hidden;
}
/*公共标题*/
.common-tel{
  width:94%;
  margin:0 auto;
  margin-top:15px;
  color:#FE2746;
  font-size:15px;
  font-weight: 600;
  display: inline-block;
  margin-left: 3%;
}
.common-tel-dot em:nth-child(1){
  width: 12px;
  height: 2px;
  background: #FE2746;
  float: left;
  margin-top: 5px;
}
.common-tel-dot em:nth-child(2){
  width: 8px;
  height: 2px;
  background-color: rgba(254, 39, 70, 0.59);
  float: left;
  margin-top: 5px;
  margin-left: 6px;
}
.common-tel-dot em:nth-child(3){
  width: 6px;
  height: 2px;
  background-color: rgba(254, 39, 70, 0.3);
  float: left;
  margin-top: 5px;
  margin-left: 6px;
}
.common-tel a{
  color: #FE2746;
  float: right;
  font-size: 12px;
  font-weight: 100;
  margin-top: -13px;
}
.common-tel a i{
  color:#FE2746;
}










/*详情页面*/
.detail-banner img{
  width:100%;
  height:355px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.detail-banner-dot{
  width:100%;
  display: inline-block;
  text-align: center;
}
.detail-banner-dot em{
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #CCC;
  display: inline-block;
  margin: 0 6px;
}
.detail-banner-dot-pink{
  background: #FE2746 !important;
}
.detail-tel,.detail-price,.detail-other{
  width:94%;
  margin:5px auto;
  line-height: 24px;
}
.detail-tel span{
  font-size: 12px;
  color: #999;
  float: right;
  margin-top: -17px;
}
.detail-tel span i{
  display: inline-block;
  height: 19px;
  width: 20px;
  overflow: hidden;
  margin-top: 2px;
  background: url(../../assets/xin.png) no-repeat;
  background-size: 100%;
  margin-top: 5px;
  vertical-align: text-bottom;
}
.detail-price p:nth-child(1){
  font-size:12px;
  color:#999;
}
.detail-price p:nth-child(2){
  color: #FE2746;
  font-weight: 600;
  font-size: 14px;
}
.detail-price p:nth-child(2) em{
  color:#FE2746;
  font-size:18px;
}
.detail-other{
  display: inline-block;
  margin-left: 3%;
  margin-bottom: 2%;
}
.detail-other em{
  width:33.33%;
  float:left;
  color:#999;
  font-size:12px;
}
.detail-other em:nth-child(1){
  text-align: left;
}
.detail-other em:nth-child(2){
  text-align: center;
}
.detail-other em:nth-child(3){
  text-align: right;
}
.detail-service{
  padding:9px 8px;
  font-size:12px;
  color:#999;
}
.detail-service span{
  color:#FE2746;
  font-weight: 600;
}
.detail-service span em{
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FE2746;
  display: inline-block;
  margin: 2px 6px;
}

.detail-recharge em{
  background: #FE2746;
  color:#FFF;
  font-weight: 600;
  text-align: center;
  line-height: 36px;
  padding:9px 8px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.detail-recharge i{
  color:#FE2746;
  float: right;
  padding:8px;
  font-size:14px;
}
.detail-evaluate img{
  width:20px;
  height:20px;
  border-radius: 50%;
}
.detail-evaluate,.detail-shop{
  width: 94%;
  margin: 0 auto;
  display: inline-block;
  margin-left: 3%;
  padding-top: 3%;
}
.detail-evaluate-img{
  width:12%;
  float:left;
  text-align: center;
}
.detail-evaluate-text{
  width: 88%;
  float: left;
  padding-bottom: 3%;
  border-bottom: 1px solid #f2f2f2;
}
.detail-evaluate-text p:nth-child(1){
  color:#999;
  font-size:15px;
}
.detail-evaluate-text p:nth-child(2){
  font-size:12px;
  margin-top:8px;
}
.detail-shop{
  padding-bottom: 3%;
}
.detail-shop img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 7px;
}
.detail-shop-img{
  width:20%;
  float: left;
}
.detail-shop-text{
  width:80%;
  float: left;
}
.detail-shop-text-tel{
  font-size:16px;
}
.detail-shop-text-tel a{
  text-align: center;
  font-size: 12px;
  background: #FE2746;
  color: #FFF;
  border-radius: 20px;
  padding: 3px 9px;
  float: right;
}
.detail-shop-text-other{
  margin-top:10px;
}
.detail-shop-text-other span{
  color:#999;
  font-size:12px;
}
.detail-shop-text-other span:nth-child(2){
  margin:0 2%;
}
.detail-shop-text-other span em{
  color:#FE2746;
  font-size:12px;
}
.detail-info img{
  width:100%;
}
.detail-footer,.team-footer,.footer{
  position: fixed;
  bottom:0;
  left:0;
  height:48px;
  width:100%;
  background: #EBEBEB;
}
.detail-footer a:nth-child(1),.team-footer a:nth-child(1){
  width:20%;
  float: left;
  text-align: center;
}
.detail-footer a:nth-child(1) i,.team-footer a:nth-child(1) i{
  display: inline-block;
  height: 21px;
  width: 22px;
  overflow: hidden;
  margin-top: 2px;
  background: url(../../assets/index.png)  no-repeat;
  background-size:100%;
  margin-top:5px;
}
.detail-footer a:nth-child(2) i,.team-footer a:nth-child(2) i{
  display: inline-block;
  height: 21px;
  width: 22px;
  overflow: hidden;
  margin-top: 2px;
  background: url(../../assets/kefu.png)  no-repeat;
  background-size:100%;
  margin-top:5px;
}
.detail-footer a:nth-child(2),.team-footer a:nth-child(2){
  width:20%;
  float: left;
  text-align: center;
}
.detail-footer a:nth-child(3) i{
  display: inline-block;
  height: 21px;
  width: 22px;
  overflow: hidden;
  margin-top: 2px;
  background: url(../../assets/shop.png)  no-repeat;
  background-size:100%;
  margin-top:5px;
}
.detail-footer a:nth-child(3){
  width:20%;
  float: left;
  text-align: center;
}
.detail-footer a:nth-child(4){
  width:40%;
  float: left;
  background: #FE2746 ;
  color:#FFF;
  text-align: center;
  height: 48px;
  line-height: 48px;
  height:48px;
  color:#FFF;
}

















/*选择规格*/
.black{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
  display: none;
}
.footer-standard{
  position: fixed;
  bottom:0;
  left:0;
  width:100%;
  background: #FFF;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  z-index: 10;
  overflow: hidden;
  display: none;
}
.footer-standard-shop{
  width:94%;
  margin:3% auto;
}
.footer-standard-shop img{
  width:92px;
  height:92px;
  border-radius: 5px;
  float: left;
}
.footer-standard-shop div{
  margin-left: 10px;
  display: inline-block;
  margin-top:15px;
}
.footer-standard-shop div p:nth-child(1){
  color:#FE2746;
  font-size:16px;
}
.footer-standard-shop div p:nth-child(1) em{
  color:#FE2746;
  font-size:18px;
}
.footer-standard-shop div p:nth-child(2) em{
  color:#999;
}
.footer-standard-shop div p:nth-child(2){
  font-size:12px;
}
.detail-btn{
  width:100%;
  color:#FFF;
  background:#FE2746;
  height:49px;
  text-align: center;
  border:0;
  margin-top: 40px
}
.footer-standard-num{
  margin-top:15px;
  width:94%;
  margin-left: 3%;
  display: inline-block;
}
.footer-standard-num p{
  font-size:16px;
}
.footer-standard-num div em{
  padding: 3px 10px;
  border-radius: 20px;
  background-color: rgba(123, 123, 123, 0.08);
  text-align: center;
  margin-top: 15px;
  display: inline-block;
  margin-left: 6px;
}
.footer-standard-num-pink{
  background-color: rgba(254, 39, 70, 0.08) !important;
  color:#FE2746;
}























/*拼团详情*/
.team-footer a:nth-child(3),.team-footer a:nth-child(4){
  width:30%;
  height:49px;
  float:left;
  text-align: center;
  background-color: rgba(255, 139, 0, 1);
}
.team-footer a:nth-child(4){
  background: #FE2746;
}
.team-footer a:nth-child(3) p,.team-footer a:nth-child(4) p,.team-footer a:nth-child(3) em,.team-footer a:nth-child(4) em{
  color:#FFF;
}
.team-footer a:nth-child(3) em,.team-footer a:nth-child(4) em{
  margin-top: 5px;
  display: inline-block;
}
.group-detail-btn{
  width: 94%;
  margin:10px auto;
}
.group-detail-btn a{
  width: 77px;
  height: 24px;
  display: inline-block;
  line-height: 24px;
  border-radius: 5px;
  background-color: rgba(252, 40, 71, 1);
  text-align: center;
  color:#FFF;
  font-weight: 600;
  font-size:12px;
}
.group-detail-btn em{
  height: 24px;
  display: inline-block;
  color: #FE2746;
  font-size: 12px;
  line-height: 24px;
  border-radius: 5px;
  background-color: rgba(252, 40, 71, 0.07);
  text-align: center;
  margin-left: 10px;
  padding: 0 10px;
}
.group-detail-play-tel{
  height:38px;
  line-height: 38px;
  padding: 0 8px;
}
.group-detail-play-tel em {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FE2746;
  display: inline-block;
  margin: 2px 6px;

}
.group-detail-play-tel span{
  font-weight: 600;
  color: #FE2746;
  width: 90%;
  border-bottom: 1px solid #f2f2f2;
  display: inline-block;
}
.group-detail-play-tel span i{
  font-weight: 100;
  color:#FE2746;
  float:right;
}
.group-detail-spell{
  padding-bottom: 10px;
}
.group-detail-spell-tel{
  padding: 9px 0;
  width: 94%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
}
.group-detail-spell-tel i{
  float: right;
}
.group-detail-schedule{
  margin-top:12px;
}
.group-detail-spell-shop{
  width:94%;
  margin:0 auto;
  height:50px;
  line-height: 50px;
}
.group-detail-spell-shop a{
  width: 62px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: rgba(254, 39, 70, 1);
  text-align: center;
  color: #FFF;
  font-size: 12px;
  float: right;
  margin-top:10px;
}
.group-detail-spell-shop img{
  width:30px;
  height:30px;
  float: left;
  border-radius: 50%;
  margin-top:10px;
}
.group-detail-spell-shop span:nth-child(2){
  font-size:12px;
  margin-left: 5px;
}
.group-detail-spell-shop span:nth-child(3){
  font-size:12px;
  color:#999;
  margin-left: 5px;
}
.group-detail-spell-shop span:nth-child(5){
  font-size:12px;
  float: right;
  margin-right: 10px;
}
.group-detail-spell-shop span:nth-child(5) em{
  font-size:12px;
  color:#FE2746;
}
.group-detail-schedule-50,.group-detail-schedule-25,.group-detail-schedule-75,.group-detail-schedule-100{
  width:25%;
  float:left;
  text-align: center;
  padding-bottom: 10px;
}
.group-detail-schedule-50 p,.group-detail-schedule-25 p,.group-detail-schedule-75 p,.group-detail-schedule-100 p{
  font-size:12px;
}
/*环形进度条*/
.loading {
  width: 30px;
  height: 30px;
  position: relative;
  margin-left: 30%;
  padding-bottom: 10px;
}
.loading .progress {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  left:5px;
  top: 5px;
  text-align: center;
}

.loading-left,
.loading-right {
  width: 15px;
  height: 30px;
  overflow: hidden;
  position: relative;
  float: left;
  background-color: #FE2746
}
.loading-left {
  border-radius: 112px 0 0 112px;
}
.loading-right {
  border-radius: 0 112px 112px 0;
}
.loading-left:after,
.loading-right:after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 30px;
  background-color: #FFF;
}
.loading-right:after {
  content: "";
  position: absolute;
  display: block;
}
.loading-left:after {
  transform-origin: right center;
}

.loading-right:after {
  transform-origin: left center;
  transform: rotateZ(90deg);
}


/*第二个*/
.loading-left2,
.loading-right2 {
  width: 15px;
  height: 30px;
  overflow: hidden;
  position: relative;
  float: left;
  background-color: #FE2746
}
.loading-left2 {
  border-radius: 112px 0 0 112px;
}
.loading-right2 {
  border-radius: 0 112px 112px 0;
}
.loading-left2:after,
.loading-right2:after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 30px;
  background-color: #FFF;
}
.loading-right2:after {
  content: "";
  position: absolute;
  display: block;
}
.loading-left2:after {
  transform-origin: right center;
}

.loading-right2:after {
  transform-origin: left center;
  transform: rotateZ(180deg);
}


/*第三个*/
.loading-left3,
.loading-right3 {
  width: 15px;
  height: 30px;
  overflow: hidden;
  position: relative;
  float: left;
  background-color: #FE2746
}
.loading-left3 {
  border-radius: 112px 0 0 112px;
}
.loading-right3 {
  border-radius: 0 112px 112px 0;
}
.loading-left3:after,
.loading-right3:after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 30px;
  background-color: #FFF;
}
.loading-right3:after {
  content: "";
  position: absolute;
  display: block;
}
.loading-left3:after {
  transform-origin: right center;
  transform: rotateZ(90deg);
}

.loading-right3:after {
  transform-origin: left center;
  transform: rotateZ(180deg);
}


/*第四个*/
.loading-left4,
.loading-right4 {
  width: 15px;
  height: 30px;
  overflow: hidden;
  position: relative;
  float: left;
  background-color: #FE2746
}
.loading-left4 {
  border-radius: 112px 0 0 112px;
}
.loading-right4 {
  border-radius: 0 112px 112px 0;
}
.loading-left4:after,
.loading-right4:after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 30px;
  background-color: #FFF;
}
.loading-right4:after {
  content: "";
  position: absolute;
  display: block;
}
.loading-left4:after {
  transform-origin: right center;
  transform: rotateZ(180deg);
}
.loading-right4:after {
  transform-origin: left center;
  transform: rotateZ(180deg);
}



















/*拼团首页*/
.team-search{
  width:94%;
  margin:0 auto;
  background: #FE2746;
  border-radius: 20px;
}
.team-search div{
  color:#FFF;
  margin-top:15px;
  padding:8px 16px;
}
.team-search div i{
  display: block;
  height: 19px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/sousuo.png) no-repeat;
  background-size: 100%;
  margin-top: 0px;
  float: right;
}
.team-list{
  width: 100%;
  height: 38px;
  display: inline-block;
  overflow: auto;
}
.team-list-ul{
  width:1000px;
}
.team-list-ul a{
  width: 82px;
  text-align: center;
  display: inline-block;
  float: left;
  padding: 7px 0;
  color: #999;
}
.team-list-ul-pink{
  color:#FE2746 !important;
  position: relative;
}
.team-list-ul-pink i{
  width: 0;
  height: 0;
  position: absolute;
  bottom: -3px;
  left: 41%;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 6px solid red;
}
.team-spell{
  width:94%;
  margin:0 auto;
}
.team-spell-goods img{
  width:100%;
  height:112px;
}
.team-spell-goods{
  width: 32%;
  background: #FFF;
  float: left;
  border-radius: 5px;
  overflow: hidden;
  margin-top:10px;
  padding-bottom: 5px;
}
.team-spell a:nth-child(2){
  margin: 10px 2% 0;
}
.team-spell-goods p:nth-child(2){
  width:94%;
  margin:0 auto;
  font-size:12px;
  padding:2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
}
.team-spell-goods p:nth-child(3){
  font-size: 12px;
  color: #FE2746;
  width: 94%;
  margin: 0 auto;
}
.team-spell-goods p:nth-child(3) em {
  font-weight: 600;
  color:#FE2746;
}
.team-spell-goods p:nth-child(4){
  font-size:12px;
  width:94%;
  margin:5px auto;
  color:#999;
}
.team-spell-goods p:nth-child(4) em{
  font-size:12px;
  background-color: rgba(252, 40, 71, 0.07);
  color:#FC2847;
  float: right;
  padding:2px 5px;
  border-radius: 20px;
  margin-top: -3px;
}
.team-goods-img{
  width:31%;
  height:118px;
  float: left;
}
.team-goods{
  width:64%;
  float: left;
  margin-left: 2%;
}
.team-goods p:nth-child(1){
  margin-top:8px;
}
.team-goods p:nth-child(2){
  color:#999;
  font-size:12px;
  margin:5px 0;
}
.team-goods p:nth-child(2) em{
  color:#FC2847;
}
.team-goods p:nth-child(3){
  margin-top:16px;
}
.team-goods p:nth-child(3) em:nth-child(1){
  color:#FC2847;
}
.team-goods p:nth-child(3) em:nth-child(2){
  text-decoration: line-through;
  font-size: 12px;
  color: #999;
}
.team-goods p:nth-child(3) em:nth-child(3){
  line-height: 20px;
  border-radius: 46px;
  background-color: rgba(254, 39, 70, 1);
  font-size: 12px;
  color: #FFF;
  padding: 4px 8px;
  float: right;
  margin-right: 6px;
  margin-top: -8px;
}














/*确认订单*/
.order-info{
  padding: 10px 8px;
  position: relative;
  display: inline-block;
}
.order-info-none{
  width:100%;
  height:90px;
  display: inline-block;
  color:#999;
  text-align: center;
  line-height: 90px;
}
.order-info-none em{
  font-size:20px;
  color:#999;
  vertical-align: bottom;
}
.order-info-a{
  position: absolute;
  right: 10px;
  top: 39%;
  display: block;
  height: 19px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/jiantou.png) no-repeat;
  background-size: 100%;
  margin-top: 0px;
  float: right;
}
.order-info-name{
  font-size:15px;
  font-weight: 600;
  margin-bottom: 10px;
}
.order-info-add label{
  float: left;
  width:14%;
  display: inline-block;
}
.order-info-add span{
  float: left;
  width:80%;
  display: inline-block;
}

.order-shop,.order-pay{
  width: 94%;
  margin: 3% auto;
  display: inline-block;
  margin-left: 3%;
}
.order-shop-tel{
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 10px;
  font-weight: 600;
}
.order-shop-tel i{
  display: block;
  height: 19px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/cart.png) no-repeat;
  background-size: 100%;
  margin-top: 0px;
  float: left;
  margin-right: 5px;
}
.order-shop-more{
  width: 100%;
  height: 38px;
  line-height: 38px;
  display: inline-block;
}
.order-shop div:nth-child(5) em,.order-shop div:nth-child(4) em,.order-shop div:nth-child(3) em,.order-shop div:nth-child(6) input{
  float: right;
}

.order-shop div:nth-child(6) input{
  width:100px;
  text-align: right;
  border:0;
  outline: none;
  padding: 10px 0;
}
.order-shop img{
  width:80px;
  height:80px;
  border-radius: 5px;
  float: left;
}
.order-shop-info{
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  margin-top:10px;
}
.order-shop-info div{
  float: left;
  margin-left: 2%;
  width: 71%;
}
.order-shop-info div p:nth-child(1){
  width:100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-shop-info div p:nth-child(2){
  color:#999;
  margin:10px 0;
  font-size:12px;
}
.order-shop-info div p:nth-child(3){
  color:#FE2746;
  font-weight: 600;
}
.order-shop-info div p:nth-child(3) del{
  color:#999;
  font-size:12px;
  font-weight: normal;
}
.order-pay{
  position: relative;
}
.order-pay img{
  width:40px;
  height:40px;
  float: left;
  border-radius: 50%;
}
.order-pay div{
  width: 60%;
  float: left;
  margin-left: 3%;
}
.order-pay div p:nth-child(2){
  color: #999;
  font-size: 12px;
  margin-top: 5px;
}
.order-pay em{
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 1px solid rgba(187, 187, 187, 1);
  border-radius: 50%;
  position: absolute;
  top:36%;
  right: 10px;
}
.order-pay-pink{
  border: 1px solid #FE2746 !important;
  background: #FE2746;
}
.order-footer{
  position: fixed;
  bottom: 0;
  left:0;
  height:49px;
  line-height: 49px;
  width:100%;
  background: #FFF;
}
.order-footer div{
  width:67%;
  float: left;
  margin-left: 3%;
  background: #FFF;
}
.order-footer div span{
  color:#FE2746;
}
.order-footer div span em{
  font-size:15px;
  font-weight: 600;
  color:#FE2746;
}
.order-footer a{
  width:30%;
  float: left;
  background: #FE2746 ;
  text-align: center;
  color:#FFF;
}

/*选择地址*/
.order-select-info{
  width:94%;
  margin:3%;
  display: inline-block;
  position: relative;
}
.order-select{
  width: 10px;
  height: 10px;
  /*background-color: rgba(252, 40, 71, 1);*/
  border: 1px solid rgba(187, 187, 187, 1);
  border-radius: 50%;
  display: inline-block;
  float: left;
  position: absolute;
  top: 41%;
  left: -2px;
}
.order-select-info-name{
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}
.order-select-pink{
  background-color: rgba(252, 40, 71, 1);
  border: 1px solid rgba(252, 40, 71, 1)!important;
}
.order-select-info-name,.order-select-info-add,.order-add-info-add{
  margin-left: 22px;
  width: 88%;
}
.order-select-info-edit{
  position: absolute;
  right: 0px;
  top: 37%;
  display: block;
  height: 19px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/edit.png) no-repeat;
  background-size: 100%;
  margin-top: 0px;
  float: right;
}



/*添加地址*/
.order-add-info-add span{
  color:#999;
}
.order-user{
  width:94%;
  margin:3%;
  display: inline-block;
}
.order-add-user{
  height:38px;
}
.order-add-user-textarea{
  margin-top:10px;
}
.order-add-user label{
  width:70px;
  line-height: 38px;
  float: left;
  display: inline-block;
}
.order-add-user-textarea label{
  width: 70px;
  display: inherit;
  float: left;
}
.order-add-user-textarea textarea{
  padding: 0px 9px;
  width: 71%;
  border: 0;
  height: 38px;
  font-weight: 600;
}
.order-add-user input{
  padding: 9px;
  width: 71%;
  border:0;
  font-weight: 600;
}
.order-add-user span{
  width: 75%;
  display: inline-block;
  float: left;
  margin-top:9px;
}













/*会员商城*/
.vip{
  width:94%;
  display: inline-block;
  margin-left:3%;
  margin-top:5%;
}
.vip-search{
  width:94%;
  margin:0 auto;
  background: #DFB87D;
  border-radius: 20px;
}
.vip-search div{
  color:#FFF;
  margin-top:15px;
  padding:8px 16px;
}
.vip-search div i{
  display: block;
  height: 19px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/sousuo.png) no-repeat;
  background-size: 100%;
  margin-top: 0px;
  float: right;
}
.vip-list{
  width:25%;
  background: #FFF;
  border-radius: 5px;
  padding-bottom: 10px;
}
.vip-list a{
  text-align: center;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  padding: 15px 0px 10px;
}
.vip-goods{
  width: 72%;
  margin-left: 3%;
  background: #FFF;
  border-radius: 5px;
  overflow: hidden;
}
.vip-goods-list img{
  width:100%;
}
.vip-list-click{
  color:#DFB87D !important;
  font-weight: 600 !important;
}
.vip-goods-list{
  width:92%;
  margin:4%;
}
.vip-goods-tel{
  font-size: 14px;
  font-weight: 600;
  margin:10px 0;
}
.vip-commodity-list{
  width:30%;
  float: left;
  text-align: center;
  margin-bottom: 5px;
}
.vip-commodity-list img{
  width:60px;
  height:60px;
  border-radius: 5px;
}
.vip-commodity-list p{
  font-size:12px;
  margin:5px 0;
}
.vip-commodity-list:nth-child(2),.vip-commodity-list:nth-child(5),.vip-commodity-list:nth-child(8),.vip-commodity-list:nth-child(11){
  margin: 0 5%;
}


/*会员列表*/
.vip-list-ranking ,.vip-list-sales,.vip-list-price{
  width:33.33%;
  float: left;
  text-align: center;
  padding:10px 0;
}
.vip-list-ranking a,.vip-list-sales a,.vip-list-price a{
  position: relative;
  font-size:13px;
}
.vip-list-ranking em:nth-child(1),.vip-list-sales em:nth-child(1),.vip-list-price em:nth-child(1){
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #999;
  position: absolute;
  top: 17%;
  right: -45%;
}
.vip-list-ranking em:nth-child(2),.vip-list-sales em:nth-child(2),.vip-list-price em:nth-child(2){
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #999;
  position: absolute;
  top: 58%;
  right: -45%;
}










/*会员详情*/
.vip-btn{
  background: #DFB87D !important;
}
.vip-em{
  width: 76px;
  height: 26px;
  line-height: 26px;
  border-radius: 5px;
  background-color: rgba(223, 184, 125, 1);
  text-align: center;
  color: #FFF;
  font-weight: 600;
  display: inline-block;
  margin-right: 10px;
}
.vip-recharge{
  width:94%;
  margin:0 auto;
  height: 38px;
  line-height: 38px;
  border-radius: 5px;
  background-color: rgba(252, 40, 71, 1);
  margin-top:10px;
}
.vip-recharge a{
  color:#FFF;
  font-weight: 600;
  padding: 0 10px
}
.vip-recharge i{
  color: #FFF;
  float: right;
  padding: 0 8px;
  font-size: 14px;
}









/*购物车*/
.cart-select{
  width: 10px;
  height: 10px;
  border: 1px solid rgba(187, 187, 187, 1);
  border-radius: 50%;
  display: inline-block;
  float: left;
  position: absolute;
  top: 41%;
  left: -21px;
}
.cart-select-pink{
  background-color: rgba(252, 40, 71, 1);
  border: 1px solid rgba(252, 40, 71, 1)!important;
}
.cart-shop{
  width: 94%;
  margin: 3% auto;
  display: inline-block;
  margin-left: 3%;
}
.cart-shop img{
  width: 80px;
  height: 80px;
  border-radius: 5px;
  float: left;
}
.cart-info{
  margin-left: 20px;
  position: relative;
}
.cart-info div{
  width: 68%;
}
.cart-total{
  width:70%;
  background: #FFF;
  float: left;
}
.cart-total span:nth-child(1){
  line-height: 49px;
  padding:10px;
}
.cart-total span:nth-child(1) em{
  width: 10px;
  height: 10px;
  background-color: rgba(252, 40, 71, 1);
  border: 1px solid rgba(252, 40, 71, 1)!important;
  border-radius: 50%;
  float: left;
  margin-top: 18px;
  margin-left: 11px;
}
.cart-total span:nth-child(2) em{
  color:#FC2847;
  font-size:16px;
}
.cart-balance{
  width:30%;
  background: #FC2847;
  float: left;
}
.cart-balance a{
  width:100% !important;
  height:49px;
  text-align: center !important;
  color:#FFF;
  line-height: 49px;
}
.cart-number{
  display: inline-block;
  position: absolute;
  right: 22px;
  bottom: 0;
}
.cart-sub,.cart-add{
  font-size:20px;
  width:25px;
  height:25px;
  text-align: center;
  line-height: 25px;
  float: left;
}
.cart-num input{
  float: left !important;
  height:25px;
  width:40px;
  border:0;
  line-height: 25px;
  text-align: center;
  background-color: rgba(254, 39, 70, 0.08);
  font-size:12px;
  border-radius: 20px;
}

.user-mine a:nth-child(1) i{
  display: block;
  height: 19px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/user-1.png) no-repeat;
  background-size: 100%;
  margin-top: 8px;
  float: left;
  margin-right: 10px;
}

.user-mine a:nth-child(2) i{
  display: block;
  height: 19px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/user-2.png) no-repeat;
  background-size: 100%;
  margin-top: 10px;
  float: left;
  margin-right: 10px;
}

.user-mine a:nth-child(3) i{
  display: block;
  height: 19px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/user-3.png) no-repeat;
  background-size: 100%;
  margin-top: 10px;
  float: left;
  margin-right: 10px;
}
.user-mine a:nth-child(4) i{
  display: block;
  height: 19px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/user-4.png) no-repeat;
  background-size: 100%;
  margin-top: 10px;
  float: left;
  margin-right: 10px;
}
.user-mine a:nth-child(5) i{
  display: block;
  height: 19px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/user-5.png) no-repeat;
  background-size: 100%;
  margin-top: 10px;
  float: left;
  margin-right: 10px;
}
.user-more a:nth-child(1) i{
  display: block;
  height: 22px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/user-6.png) no-repeat;
  background-size: 100%;
  margin-top: 10px;
  float: left;
  margin-right: 10px;
}
.user-more a:nth-child(2) i{
  display: block;
  height: 22px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/user-7.png) no-repeat;
  background-size: 100%;
  margin-top: 10px;
  float: left;
  margin-right: 10px;
}
.user-order a:nth-child(2) i{
  display: block;
  height: 26px;
  width: 24px;
  overflow: hidden;
  background: url(../../assets/order-1.png) no-repeat;
  background-size: 100%;
  margin-left: 31%;
}
.user-order a:nth-child(3) i{
  display: block;
  height: 26px;
  width: 24px;
  overflow: hidden;
  background: url(../../assets/order-1.png) no-repeat;
  background-size: 100%;
  margin-left: 31%;
}
.user-order a:nth-child(4) i{
  display: block;
  height: 26px;
  width: 24px;
  overflow: hidden;
  background: url(../../assets/order-1.png) no-repeat;
  background-size: 100%;
  margin-left: 31%;
}
.user-order a:nth-child(5) i{
  display: block;
  height: 26px;
  width: 24px;
  overflow: hidden;
  background: url(../../assets/order-1.png) no-repeat;
  background-size: 100%;
  margin-left: 31%;
}
.user-order a:nth-child(6) i{
  display: block;
  height: 26px;
  width: 24px;
  overflow: hidden;
  background: url(../../assets/order-1.png) no-repeat;
  background-size: 100%;
  margin-left: 31%;
}























/*查看店铺*/
.shop{
  width:94%;
  display: inline-block;
  margin-left:3%;
}
.shop-goods{
  width:47%;
  float: left;
  background: #FFF;
  border-radius: 5px;
  overflow: hidden;
  margin-top:10px;
  padding-bottom: 10px;
}
.shop-goods img{
  width:100%;
  height:173px;
}
.shop-goods-info p:nth-child(1){
  width: 94%;
  margin: 0 auto;
  font-size: 13px;
  padding: 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
}
.shop-goods-info p:nth-child(2){
  width: 94%;
  margin: 0 auto;
  font-size:12px;
  color:#999;
}
.shop-goods-info p:nth-child(3){
  font-size:12px;
  color:#999;
  width: 94%;
  margin: 0 auto;
}
.shop-goods-info p:nth-child(3) em{
  color:#FC2847;
}
.shop-goods-info p:nth-child(3) em i{
  color:#FC2847;
  font-size:16px;
}
/*.shop-goods-info p:nth-child(3) em{
	color:#999;
	font-size:12px;
	float: right;
}*/
.shop .shop-goods:nth-child(odd){
  margin-right: 6%;
}
.shop-info a{
  width: 66px;
  height: 25px;
  line-height: 25px;
  border-radius: 20px;
  background-color: rgba(254, 39, 70, 1);
  color:#FFF;
  text-align: center;
  display: inline-block;
  float: right;
  margin-top:15px;
}
.shop-info {
  margin-top:10px;
  margin-bottom: 10px;
}
.shop-info img{
  width:54px;
  height:54px;
  border-radius: 5px;
  float: left;
}
.shop-info div{
  margin-left: 2%;
  width:50%;
  display: inline-block;
}
.shop-info div p:nth-child(1){
  font-weight: 600;
  margin-top:5px;
}
.shop-info div p:nth-child(2){
  color:#999;
  font-size:12px;
  margin-top:10px;
}
.shop-info-more{
  display: inline-block;
  width:100%;
  margin-top:10px;
}
.shop-info-more a:nth-child(1),.shop-info-more a:nth-child(2){
  width: 66px;
  height: 25px;
  line-height: 25px;
  border-radius: 20px;
  background-color: rgba(223, 223, 223, 1);
  display: inline-block;
  float: left;
  text-align: center;
  color:#999;
  margin-right: 15px;
}
.shop-info-more a:nth-child(1) i{
  display: block;
  height: 19px;
  width: 17px;
  overflow: hidden;
  background: url(../../assets/kefu.png) no-repeat;
  background-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  float: left;
  vertical-align: middle;
}
.shop-info-more a:nth-child(2) i{
  display: block;
  height: 19px;
  width: 17px;
  overflow: hidden;
  background: url(../../assets/kefu.png) no-repeat;
  background-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  float: left;
  vertical-align: middle;
}
.shop-info-more a:nth-child(3){
  color:#FC2847;
  font-weight: 600;
  float: right;
}
.shop-info-more a:nth-child(3) i{
  display: block;
  height: 19px;
  width: 17px;
  overflow: hidden;
  background: url(../../assets/lihe.png) no-repeat;
  background-size: 100%;
  margin-top: 0px;
  float: left;
  vertical-align: middle;
  margin-top: 2px;
}










/*秒杀详情*/




/*公告列表*/
.notice-list{
  width:94%;
  padding:3%;
  display: inline-block;
}
.notice-list p:nth-child(1){
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notice-list p:nth-child(2){
  font-size:12px;
  color:#999;
  margin-top:10px;
}

/*公告详情*/
.notice-detail{
  width:94%;
  margin:15px auto;
}
.notice-detail-tel{
  font-size:18px;
  font-weight: 600;
}
.notice-detail-time{
  font-size:12px;
  color:#999;
  margin-top:10px;
}
.notice-text p{
  line-height: 25px;
  margin-bottom: 10px;
}
.notice-text img{
  width:100%;
}




/*个人中心*/
.user{
  background: #FC2847;
}
.user-info{
  width: 94%;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 10px;
  display: inline-block;
  margin-left: 3%;
}
.user-info img{
  width:50px;
  height:50px;
  border-radius: 50%;
  float: left;
}
.user-info-name{
  float: left;
  width:81%;
  margin-left: 3%;
}
.user-info-name p:nth-child(3){
  color:#FFF;
  font-weight: 600;
  font-size:16px;
}
.user-info-name p:nth-child(4){
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.17);
  margin-top: 6px;
  padding: 3px 10px;
  display: inline-block;
}
.user-info-name p:nth-child(4) em{
  color:#FFF;
  font-size:12px;
  float: left;
}
.user-info-name p:nth-child(4) i{
  display: block;
  height: 14px;
  width: 13px;
  overflow: hidden;
  background: url(../../assets/user.png) no-repeat;
  background-size: 100%;
  margin-top: 0px;
  vertical-align: middle;
  margin-top: 2px;
  float: left;
}
.user-mine{
  padding:2% 3%;
}
.user-mine p{
  height:38px;
  line-height: 38px;
}
.user-order{
  padding: 3%;
  display: inline-block;
  width: 94%;
}
.user-order a{
  width:20%;
  text-align: center;
  float: left;
}
.user-order span{
  padding-bottom: 3%;
  border-bottom: 1px solid #f2f2f2;
  display: inline-block;
  width: 100%;
  font-weight: 600;
  margin-bottom: 10px;
}
.user-order span i{
  font-size:12px;
  color:#999;
  float: right;
  font-weight: normal;
  line-height: 20px;
}
.user-more{
  margin:2% 3%;
}
.user-more a{
  height:38px;
  line-height: 38px;
  width:100%;
  display: inline-block;
}
.user-img{
  width:94%;
  height:95px;
  display: inline-block;
  margin-left: 3%;
  border-radius: 5px;
  margin-top:10px;
}
.user-news{
  display: block;
  height: 21px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/tong.png) no-repeat;
  background-size: 100%;
  margin-top: 0px;
  vertical-align: middle;
  margin-top: 2px;
  float: right;
}
.user-fit{
  display: block;
  height: 21px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/fit.png) no-repeat;
  background-size: 100%;
  margin-top: 0px;
  vertical-align: middle;
  margin-top: 2px;
  float: right;
  margin-left: 10px;
}




/*我的收藏*/
.collect-tel{
  padding: 2% 3%;
  display: inline-block;
  width: 94%;
}
.collect-tel span{
  width:33%;
  float: left;
  text-align: center;
}
.collect-shop img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 10px;
  float:left;
}
.collect-shop{
  line-height: 60px;
}
.collect-shop em{
  font-size:12px;
  color:#999;
  float: right;
  padding: 0 10px;
}



/*我的订单*/
.order-tab a{
  width: 20%;
  float: left;
  text-align: center;
  padding: 13px 0;
}
.order-tab-pink{
  color:#FC2847;
  font-weight: 600;
}
.order-more{
  width:100%;
  text-align: right;
}
.order-more p{
  font-size:12px;
}
.order-more-gary{
  height: 25px;
  line-height: 25px;
  border-radius: 20px;
  background-color: rgba(123, 123, 123, 0.08);
  color: #999;
  font-size: 12px;
  text-align: center;
  border: 1px solid rgba(238, 238, 238, 1);
  display: inline-block;
  padding: 0 10px;
  margin-top: 10px;
  margin-left: 10px;
}
.order-more-pink{
  height: 25px;
  line-height: 25px;
  border-radius: 20px;
  background-color: rgba(254, 39, 70, 0.08);
  color: #FC2847;
  font-size: 12px;
  text-align: center;
  border: 1px solid rgba(254, 39, 70, 0.08);
  display: inline-block;
  padding: 0 10px;
  margin-top: 10px;
  margin-left: 10px;
}
.order-shop-tel em{
  color: #FC2847;
  font-size:12px;
  float: right;
}






/*首页公告*/
.index-notice{
  width:94%;
  display: inline-block;
  margin:8px;
  line-height: 23px;
}
.index-notice a{
  color:#999;
  font-size:12px;
}
.index-notice-tel i{
  display: block;
  height: 21px;
  width: 20px;
  overflow: hidden;
  background: url(../../assets/ding.png) no-repeat;
  background-size: 100%;
  margin-top: 0px;
  vertical-align: middle;
  margin-top: 2px;
  float: left;
}
.index-notice-tel{
  color:#FC2847;
  font-weight: 600;
}
.index-notice img{
  width: 20px;
  float: right;
  margin-top: 3px;
}
</style>
